<template>
  <div>
    <mc-province-city-district
        size="mini"
        data-url="http://localhost:8080/public/province.json"  width="150" label-width="50px" provinceLabel="省份" cityLabel="城市" districtLabel="地区"
        :provinceId.sync="provinceId" :cityId.sync="cityId" :districtId.sync="districtId">
      </mc-province-city-district>
    <mc-province-city-district
      data-url="http://localhost:8080/public/province.json"
      width="150"
      label-width="50px"
      provinceLabel="省份"
      cityLabel="城市"
      districtLabel="地区"
      :provinceId.sync="areaData0.provinceId"
      :cityId.sync="areaData0.cityId"
      :districtId.sync="areaData0.districtId">
    </mc-province-city-district>
      <el-button @click="print">打印</el-button>
  </div>
</template>

<script>


</script>

<script>
import McProvinceCityDistrict from './components/McProvinceCityDistrict'
export default {
    components: {
      McProvinceCityDistrict
    },
   data(){
       return{
            areaData0:{

            },
            areaData: {
                provinceId: '130000',
                cityId: '130200',
                districtId: '130202'
            },
           provinceId: '130000',
           cityId: '130200',
           districtId: '130202'
        }
    },
    methods:{
        print(){
          console.log(this.areaData)
          console.log(this.provinceId)
        }
    }
}
</script>
